<x-row space="1">
  <x-col span="8">
    <ul class="operations">
      <li>当前激活的节点：{{ activatedNode?.label }}</li>
      <li><x-button (click)="setCheckedKeys([9, 11, 21, 23])">通过 Key 值设置选中的节点</x-button></li>
      <li><x-button (click)="getCheckedKeys()">获取选中的节点的 Key 值</x-button></li>
      <li>
        <x-button (click)="setExpandedAll()">{{ expandedAll ? '全部收起' : '全部展开' }}</x-button>
      </li>
      <li>{{ content | json }}</li>
    </ul>
  </x-col>
  <x-col span="8">
    <x-tree #treeCom checkbox [data]="data" (activatedChange)="activatedChange($event)" [expandedAll]="expandedAll"> </x-tree>
  </x-col>
</x-row>
